@charset "utf-8";
body{ background:#f2f2f2;}
.rundetail_wrap{ height:auto;}
.rundetail_banner {height: 240px;min-width: 1200px;text-align: center;width: 100%;}
.rundetail_banner .banner {background-image: url("http://image.zhihuishu.com/testzhs/able-commons/demo/201612/6bd58fd8da274ff69868030974c243b9.jpg");background-position: 50% 0;background-repeat: no-repeat;background-size: cover;height: 240px;width: 100%;}
.rundetail_wrap .numberdiv{ width:1200px;margin: 0 auto;position: relative; height:221px;}
.percentagediv, .forumsdiv{ width:334px; background:#fff;height:260px;box-shadow: 0 3px 7px 1px rgba(0,0,0,.2); padding:30px 40px 30px 26px;position: relative;}
.numberposition_div{ position:absolute;top: -160px;}
.learningtimediv{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/8f32c731539949288643f3fce2c763f9.png) no-repeat; width:400px; height:320px;}
.percentagediv .total_p, .forumsdiv .total_p{ font-size:48px; color:#181e1f; text-align:right; line-height:38px;}
.percentagediv .totaldescribe_P, .forumsdiv .totaldescribe_P{ font-size:16px; color:#666;text-align:right; line-height:20px; margin-top:12px;}
.rundetail_wrap .processingbar {text-align: center;;position: relative; background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/2fca9281b7f648809c32c26cfe2593ad.png) -3px -2px no-repeat; width:130px; height:130px;margin-left:10px;}
.rundetail_wrap .processingbar font {color: #181e1f; display: block;width: 130px;height: 127px;line-height: 126px; font-size: 14px;text-align: center;position: absolute;left: 0;top: 25px; margin: 0px 0 0 0px;}
.rundetail_wrap .processingbar_div{ margin-top:25px;}
.rundetail_wrap .processingbar_div p{ font-size:15px; color:#666; line-height:20px; margin-top:7px;}
.percentagediv .totalbgimg{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/5cd57b3544b54065b4c0b088437c17ce.png) no-repeat; width:200px; height:200px; position:absolute; top:63px; left:96px;}
.percentageposition_div{ position:relative;}
.processingbar_detail{ text-align:center;}
.rundetail_wrap .processingbar_detail_m .processingbar{margin-left:7px;}
.learningtimediv{ position:relative;}
.learningtimediv .bgsdiv{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/5de40717bf3a4862b692e8d0ecfdd53e.png) repeat-x; width:320px; height:260px; position:absolute; top:0; left:0; padding:30px 40px;}
.processingbar .totalspan{ color:#181e1f; font-size:36px; line-height:30px; position:absolute; top:37px; left:0px; width:130px; text-align:center;}
.bgsdiv .learningtime_number{ color:#fff; font-size:48px; line-height:40px; text-align:right;}
.Totallengthnumber_div{ margin-top:23px;}
.bgsdiv .learningtime_p, .Totallengthnumber_div .number{ color:#fff; font-size:16px; line-height:20px; text-align:right; margin-top:8px; }
.Totallengthnumber_div .Totallength{ color:#fff; font-size:30px; line-height:25px; text-align:right;}
.knowmorebtn_div{ text-align:center;}
.knowmorebtn_div a{ display:inline-block; padding:13px 25px; color:#fff; font-size:16px; background:#ff5645; margin-top:17px;border-radius:2px;}
.knowmorebtn_div a:hover{ background:#f35b4c;}
.activestudents_div { margin-top:22px;}
.activestudents_div1 { margin-top:27px;}
.activestudents_div p, .activestudents_div1 p{ color:#333; font-size:18px; line-height:20px;}
.activestudents_div>ul>li{ width:40px; height:40px; float:left; margin-left:8px;}
.activestudents_div ul li img{width:40px; height:40px;border-radius:20px;}
.activestudents_div ul{ margin:10px 0 0 -8px; height:40px; overflow:hidden;}
/* 文字滚动 */
.activestudents a{display:block; text-decoration:none; font-size:12px; color:#8a8e8e;  line-height:20px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; width:320px; height:20px;cursor:default; }
.activestudents ul li{ width:320px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.activestudents a .arrow{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/633e05a0f5f8491daf4d6a70379cea29.png) no-repeat -120px -138px; width:9px; height:15px; display:inline-block; margin-right:10px;vertical-align: middle;}
.activestudents,.aa{ width:320px; height:20px; display:block; margin:10px 0 0; overflow:hidden;}
/*  文字滚动 */
.facelesson_div{ width:1050px; margin:0px auto 45px;height:auto; overflow:hidden;}
.facelesson_div>p{ height:23px; line-height:22px; text-align:center; font-size:24px; color:#2a2c2c;}
.facelesson_div>p .lessoico{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/633e05a0f5f8491daf4d6a70379cea29.png) no-repeat -139px -137px; width:27px; height:21px; display:inline-block; vertical-align:middle; margin-right:42px;}
.facelesson_div ul{ margin:35px 0 0 -30px;}
.facelesson_div ul li{width:240px; float:left;  margin:0 0px 20px 30px;}
.facelesson_div ul li .name{ color:#666; font-size:16px; line-height:20px; text-align:center;}
.innovative_div{ background:#fff; width:240px; height:217px; margin-top:10px;}
.videotransparentbg_div{ position:absolute; top:0; left:0;height:115px; width:226px;background-color: rgb(0, 0, 0); opacity: 0.60;filter:  alpha(opacity=60); padding:10px 7px;}
.videotransparentbg_div1, .videotransparentbg_div2{height:115px; width:228px;padding:10px 7px; }
.videotransparentbg_div1{background:#1aafc5;}
.videotransparentbg_div2{background:#ddd;}
.videotransparentbg_div1 a, .videotransparentbg_div2 a{display:inline-block;height:115px; width:228px; color:#fff;}
.videotransparentbg_div a{ display:inline-block;height:115px; width:226px;}
.innovativevideo_div{ height:135px; position:relative; width:240px;}
.innovativevideo_div img{height:135px;  width:240px;}
.videotransparentbg_div p, .videotransparentbg_div1 p{ color:#fff; font-size:16px; height:45px; overflow:hidden;}
.videotransparentbg_div2 p{ color:#2a2c2c; font-size:16px; height:45px; overflow:hidden;}
.videotime_div{ margin-top:47px;}
.videotime_div .videoico{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/633e05a0f5f8491daf4d6a70379cea29.png) no-repeat -28px -138px; width:22px; height:22px; display:inline-block;}
.videotime_div .time{ margin-top:3px; color:#fff; font-size:16px;}
.innovativetime_div{ padding:10px 5px; text-align:center;}
.innovativetime_div{ color:#333; font-size:16px;}
.innovativetime_div .editred_ico, .innovativetime_div .editred_greenico{ display:inline-block; background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/633e05a0f5f8491daf4d6a70379cea29.png ) no-repeat; width:26px; height:26px;}
.innovativetime_div .editred_ico{ background-position:-54px -136px;}
.innovativetime_div .editred_greenico{background-position:-85px -136px;}
.videotransparentbg_div1 .videoplay_ico{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/4567fe69d1f843fe9de651a9830434a5.gif) no-repeat; width:21px; height:24px; display:inline-block; margin:15px 0 0 102px;}
.videotransparentbg_div2 .openico{ border-radius:2px;background:#1a97aa; color:#fff; width:100px; height:40px; display:inline-block; line-height:40px; text-align:center; margin:20px 0 0 65px; font-size:20px;}
.videotransparentbg_div2 .openico:hover{ background:#2d9eaf;}
.downloadTreenity_app{ background:#fff; width:100%;}
.downloadTreenity_app_div{ width:1050px; margin:auto; padding-top:40px;}
.downloadTreenity_app_div .phoneimg{ background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/a0844b345c32453ca4739efa34101dd5.jpg) no-repeat; width:372px; height:498px; display:inline-block; margin-left:95px;}
.downloadTreenity_app_div .downloadapp_div{ width:500px;}
.downloadapp_div .title_p{ font-size:36px; color:#333; line-height:48px;}
.downloadapp_div  .describe_p{ font-size:14px; color:#666; margin-top:23px; line-height:25px;}
.downloadappbtn_div{ margin:30px 0 15px; height:63px;}
.downloadappbtn_div .googleplay_btn, .downloadappbtn_div  .appstore_btn{background:url(http://image.zhihuishu.com/testzhs/able-commons/demo/201612/633e05a0f5f8491daf4d6a70379cea29.png)  no-repeat; width:183px; height:63px; display:inline-block;}
.downloadappbtn_div .googleplay_btn{ background-position:0 0 ;}
.downloadappbtn_div  .appstore_btn{background-position:0 -68px ; margin-left:25px;}
.two-dimensionalcode_div p{ font-size:14px; color:#666; line-height:25px;}
.two-dimensionalcode_img{ margin-top:15px;}
.two-dimensionalcode_img img{ width:145px; height:145px;}
.downloadapp_nocontent{margin:38px 0 0 -55px;}
